<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Bootstrap Demo</title>
        <!-- 最新 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
        <!-- 可选的Bootstrap主题文件（一般不用引入） -->
        <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">
        <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
        <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>

        <link rel="stylesheet/less" type="text/css" href="/static/default/css/styles.less">
        <script src="/static/default/js/less-1.6.1.min.js" type="text/javascript"></script>
    </head>
    <body>
        <div class="row">
            <div class="span5 well pricehover">
                <h2>基础tabs</h2>
                <ul class="nav nav-tabs">
                    <li ><a href="#">Home</a></li>
                    <li class="active"><a href="#">Profile</a></li>
                    <li><a href="#">Messages</a></li>
                </ul>
            </div>
            <div class="span5 well pricehover">
                <h3>基础pills</h3>
                <ul class="nav nav-pills">
                    <li ><a href="#">Home</a></li>
                    <li class="active"><a href="#">Profile</a></li>
                    <li><a href="#">Messages</a></li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="span5 well pricehover">
                <h3>竖排tabs</h3>
                <ul class="nav nav-tabs nav-stacked">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">Profile</a></li>
                    <li><a href="#">Messages</a></li>
                </ul>
            </div>
            <div class="span5 well pricehover">
                <h3>竖排pills</h3>
                <ul class="nav nav-pills nav-stacked">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">Profile</a></li>
                    <li><a href="#">Messages</a></li>
                </ul>
            </div>
        </div>
    </body>
</html>